<template>
    <ui-main :title="$route.name">
        <div class="item one">
            <!--组件示例-->
            <ui-tag name="标签" pointer></ui-tag>
            <ui-tag name="标签" color="red" size="huge"></ui-tag>
            <ui-tag name="标签" color="orange" icon="mail icon"></ui-tag>
            <ui-tag name="1" circular color="blue"></ui-tag>
            <ui-tag empty color="green"></ui-tag>
            <div class="ui divider"></div>
            <ui-tag name="red" color="red"></ui-tag>
            <ui-tag name="orange" color="orange"></ui-tag>
            <ui-tag name="yellow" color="yellow"></ui-tag>
            <ui-tag name="olive" color="olive"></ui-tag>
            <ui-tag name="green" color="green"></ui-tag>
            <ui-tag name="teal" color="teal"></ui-tag>
            <ui-tag name="blue" color="blue"></ui-tag>
            <ui-tag name="purple" color="purple"></ui-tag>
            <ui-tag name="violet" color="violet"></ui-tag>
            <ui-tag name="pink" color="pink"></ui-tag>
            <ui-tag name="brown" color="brown"></ui-tag>
            <ui-tag name="grey" color="grey"></ui-tag>
            <ui-tag name="black" color="black"></ui-tag>
            <ui-tag name="basic" color="basic"></ui-tag>
        </div>

        <!--说明文档-->
        <div class="item four">
            <ui-load-md file="tag"></ui-load-md>
        </div>
    </ui-main>
</template>
<script>
    export default {
        data() {
            return {
                key: 'value'
            }
        },
        mounted() {

        },
        methods: {
            name() {

            }
        }
    }
</script>
